本文同步分享於個人部落格：Liwen Chiou | Digital Architect & Full-Stack Engineer

📜 這裡的修煉規則：

孩子，在踏上今日的領地前，先坐下來喝杯酒吧。
修煉的路很長，別急著奔跑，先聽聽這份卷軸裡的古老叮嚀。

我在每一站的盡頭都為你鋪設了 「實戰演武場 CodePen」。那不只是程式碼的拼湊，而是你在這場暴風雨中，試圖用邏輯點燃的一顆星火。
成功突圍後，別忘了帶著你的戰利品回到 「QuestBoard 佈告欄」。在那裡，你會發現自己從不孤單，公會的夥伴們都正舉杯等待你的歸來。

記住...

「 導師看重的從來不是你的劍法有多華麗，而是當你被邏輯擊潰、滿身泥濘後，依然選擇握緊理性的劍柄，再次向真相發起衝鋒的勇氣。 」

🛡️ 【公會大廳：導師的修煉導讀】

推開這扇沉重古老的公會木門，空氣中飄散著紙張與法力交織的微光。

你站在大廳中央，環顧四周，眼神中帶著一絲猶豫與渴望：「這就是... 冒險者公會嗎？」

「年輕的冒險者，歡迎來到 『傳奇冒險者公會』。我是導師 Liwen。」

今天這篇前導文章，我想正式向所有來到這裡的冒險者介紹：「我在做什麼」，以及**「這個專案準備了什麼樣的武器與資源給你」**。

許多人在學習 JavaScript 時，常陷入兩種困境：要麼被抽象冰冷的技術術語弄得頭破血流，要麼直接套用現代框架（如 React），卻發現自己只是在「通靈寫代碼」，一旦離開範本便寸步難行。

因此，我發起了這場 《JS 核心重構：勇者轉職傳說》 30 天修煉計畫！我的目標不是帶你死背語法，而是要帶你穿透表象、看清底層真相。透過 30 天系統化的鍛鍊，把變數作用域、記憶體傳址、閉包、this 判定、Event Loop 到資料驅動架構內化為你的直覺。當 30 天迷霧消散之際，你將能親手接下終極聖劍，完成真正的職人轉職！

💡 【導師講義：底層真相探究】

這不僅僅是一系列文章，而是一套為你量身打造的全方位學習生態系。在這個專案裡，我們為你準備了以下的核心裝備：

1. 這個專案包含哪些冒險神器？

• 🗺️ 前導冒險體驗網頁（Entry Gate）
  我們打造了專屬的 JS Core Remaster Loading Page。點擊開啟公會大門，沉浸式感受這場修煉的序幕與對話引導。
• 📜 30 天深度視覺化任務書（Task Book）
  每天在 iThome 與數位花園同步發布。每篇均堅持 「去術語化」（先用生活直覺比喻）與 「視覺化優先」（附帶 Excalidraw 原理圖解），讓你一眼看懂記憶體與資料流向。
• ⚔️ 實戰演武場（CodePen Arena）
  每一篇任務書末尾，都附有精心設計的手寫練習題。拒絕「只看懂卻寫不出」，將知識直接轉化為程式肌肉記憶。
• 🍻 冒險者酒館簽到系統（QuestBoard）
  專屬開發的 QuestBoard Remaster 社群互動平台。你可以貼上自己的 CodePen 戰利品、提交鑑定報告，並與其他勇者交流切磋。
• 🪴 導師的數位花園（Digital Garden）
  長期沉澱與知識檢索的基地：Liwen's Digital Garden。

2. 公會修煉身份與階級指南

為了讓每位勇者都能找到最適合自己的修煉節奏與挑戰目標，公會將夥伴分為不同身份：

• 🐣 初心者 (Novice)：代表正在練習與接觸 JavaScript 基礎語法的新手朋友。重點在於發掘手寫代碼的成就感，建立基礎邏輯與信心。
• ⚔️ 冒險者 (Adventurer)：代表已經使用 JS 開發過一段時間、想打破「似懂非懂」瓶頸，進一步看清底層原理、記憶體機制與架構思維的進階學習者。
• 🛡️ 傳奇導師 (Mentor Liwen)：陪伴大家拆解原理、提供除錯指引，並在背後守護大家修煉路途的公會導師。

🛖 【營火叮嚀：導師的經驗談】

「導師當年剛踏入程式荒野時，也曾像你一樣被滿屏的專有名詞與框架更迭搞得焦慮不堪。
我曾經花了幾個月硬背各種複雜的宣告與函式，直到某一天在實戰中被記憶體洩漏與指向混亂搞得徹夜未眠，我才猛然醒悟：程式碼只是符號，背後的邏輯與資料流才是靈魂。

所以，這個專案就是為了當年的我、以及現在的你而建的。你不需要孤軍奮戰，公會的所有裝備與夥伴都在這裡等著你。」

天色微亮，營火雖已燃盡，但你眼中卻閃爍著領悟的光芒。在前往演武場挑戰關卡前，我已經幫你把靈魂碎片精煉成了這份「戰術錦囊」。拿好它，今日的任務不再是負擔，而是你證明自我的舞台。去吧，公會的英雄榜在等著你的戰報。

📝 【夥伴筆記：今日修煉精華】

這份筆記是你的隨身護身符，卡關時看一眼，真相就在裡面。

• [我們在做什麼]：發起 30 天 JS 核心重構計畫，透過去術語與視覺化圖解，帶大家看透底層真相並銜接 React。
• [這個專案有什麼]：前導體驗網頁 (loadPage) + 30 天圖解任務書 (Posts) + CodePen 演武場 + QuestBoard 酒館簽到系統。
• [黃金三步 SOP]：每日閱讀任務書 ➔ CodePen 手寫實戰 ➔ QuestBoard 酒館交流戰報。

🎯 【實戰演武場】

1. 點擊開啟 📜 公會前導體驗網頁 (loadPage) 感受開門儀式。
2. 前往 QuestBoard 冒險者酒館 完成報到並留下你的宣誓：
   • 👉 點此進入 QuestBoard 冒險者酒館
   • 初心者：公會報到 (成就感發掘)：
     • 1. 在酒館留言板留下你的冒險誓言：「我已簽下合約，準備開啟 30 天 JS 核心重構修煉！」
   • 冒險者：心態整備 (理性挑戰)：[⚡ 觀念辨析]
     • 1. [⚡ 導師挑戰] 為什麼「先懂底層原理」會比「直接背框架語法」更能讓你在程式路上走得長遠？
3. 任務完成後，你的名字將永遠標記在公會的英雄榜上！

📚 【圖書館卷軸：延伸學習】

• 公會前導導覽頁面： JS Core Remaster Loading Page
• 冒險者酒館 (QuestBoard)： QuestBoard Remaster
• 導師的數位花園： Liwen's Digital Garden